<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="{{asset('js/vue.js')}}"></script>
    <script src="{{asset('js/jquery.min.js')}}"></script>
    <script src="{{asset('js/axios.min.js')}}"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<div id="app">
    <button @click="submit">提交</button>
</div>

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                $start: 1,
                $edn: 2,
                $filters: null,
            }
        },
        methods: {
            submit() {
                this.filters=[
                    {
                        'item':'genre_id'
                    }
                ];
                axios.get('/goods/getShow/' + this.start + '/' + this.end + '/' + filters)
                    .then(res => {

                    })
                    .catch(err => {
                        console.log(err);
                    })
            }
        }
    })
</script>
<style>
    #app {
        width: 100px;
        height: 100px;
        margin: 50% auto 50% auto;
    }
</style>
</body>
</html>